<template>
    <div class="box">
        <h1>pubsub - 父组件</h1>
        <br>
        
        <Child1></Child1>
        <br>

        <Child2></Child2>
    </div>
</template>

<script>
// pubsub - 第三方包,react中能用,vue中也能用
// pubsub 用于跨组件间的通信(咱们vue2中有自己的跨组件通信方式是 总线,所以几乎没有怎么用过pubsub)
// pubsub 的使用方式和总线差不多,就是换了个单词
// 步骤:
// 1. 安装
//      npm i pubsub-js
// 2. 接收数据
//      接收数据的组件中,订阅消息(绑定事件),留下回调,接收参数
//      Pubsub.subscribe('sendData', this.receiveData)
// 3. 发送数据
//      发送数据的组件中,发布消息(触发事件),发送数据
//      Pubsub.publish('sendData', 256)
// 注意:
// 在总线中,接收参数的回调中,参数就是传递的参数
// 在Pubsub中,接收参数的回调中,参数一是消息类型(事件类型),参数二才是真正的参数
import Child1 from './Child1.vue'
import Child2 from './Child2.vue'
export default {
    name: "pubsub",
    components: { Child1, Child2 }
}
</script>

<style scoped>

</style>